Any Illustrator/Photoshop Smarties Here? I need suggestions!

Kinja'd!!! "Orange Exige" (OrangeExige)
05/06/2015 at 11:06 • Filed to: None

Kinja'd!!!0 Kinja'd!!! 10
Kinja'd!!!

I have decent experience with Illustrator and Photoshop (mostly Photoshop though) but I can’t think of a way to do something like I have described in the image I made above and I don’t know how to express that in words to be able to search online for help.

I’m more confident in Illustrator’s ability to work with vectors to accomplish this task but maybe it could be done in Photoshop too.
Basically, if I start with a 2D circle, I want to be able to flatten it into a 2D line. Image taking a metal bracelet/ring, making one cut in it, then grabbing both sides and flatting the round bracelet into a metal line.
What I want to work with is not gonna be a simple perfect circle - but if it can be done with a simple circle, then I should be able to do it with a more complex circle.

Anybody have any ideas??

This below is the example I actually want to work with. I just did this very roughly by hand but the final result I want to be as similar to the original as possible... except not round.

Kinja'd!!!

DISCUSSION (10)


Kinja'd!!! JawzX2, Boost Addict. 1.6t, 2.7tt, 4.2t > Orange Exige
05/06/2015 at 11:10

Kinja'd!!!2

make a new shape, convert it to a path, add control points, break a joint, unroll to your heart’s content...


Kinja'd!!! Nibby > Orange Exige
05/06/2015 at 11:12

Kinja'd!!!2

Paths are your friend.

Kinja'd!!!


Kinja'd!!! davesaddiction @ opposite-lock.com > Orange Exige
05/06/2015 at 11:14

Kinja'd!!!0

Are you trying to create an animation? Creating the polygon with the pen tool in Illustrator, then using the scissors tool to “break” the line, then using the direct select and convert anchor tool to straighten and smooth things out should do what you’re looking for.


Kinja'd!!! Hermann > JawzX2, Boost Addict. 1.6t, 2.7tt, 4.2t
05/06/2015 at 11:18

Kinja'd!!!2

Kinja'd!!!

Kinja'd!!!

Kinja'd!!!

Kinja'd!!!

Kinja'd!!!


Kinja'd!!! JawzX2, Boost Addict. 1.6t, 2.7tt, 4.2t > davesaddiction @ opposite-lock.com
05/06/2015 at 11:19

Kinja'd!!!0

or you could do all of it in SVG with javascript..


Kinja'd!!! JawzX2, Boost Addict. 1.6t, 2.7tt, 4.2t > Hermann
05/06/2015 at 11:22

Kinja'd!!!1

thanks, I’m on a linux machine right now.. I was going to do that, but then I realized I’d have to fire up a virtual machine and install CS2, and thats outdated and blah blah blah and Inkscape isn’t a good example tool ‘cuz all the stuff is different and then I suddenly got lazy.


Kinja'd!!! Orange Exige > Hermann
05/06/2015 at 11:46

Kinja'd!!!0

Awesome thanks!

Now can I do this if I have a circle that is not just a single smooth line?

I get that the bottommost point would need to be the primary anchor but for an imperfect circle, am I going to have to create anchor points every so often to retain its general imperfect shape?

I don’t know why I didn’t just share what I was originally planning to work with... But here it is below. The top is the original and the bottom is just a rough idea of what I want to create. Obviously though, I don’t want to do it by hand - I want it to be as close to the original as possible... except not round.

Kinja'd!!!


Kinja'd!!! Orange Exige > davesaddiction @ opposite-lock.com
05/06/2015 at 12:40

Kinja'd!!!0

Not trying to do an animation...

I updated my original post so you can have a better idea of what I want to do.

I think your suggestion will still work with what I want but I think it may be very tedious this way and I’m not sure if there’s an easier way...?


Kinja'd!!! davesaddiction @ opposite-lock.com > Orange Exige
05/06/2015 at 13:54

Kinja'd!!!0

What you’re showing now is much more complex than what I was thinking originally, since you’re not just dealing with a single, simple polygon that you’re trying to straighten, but two very complex polygons. I’m not sure of any easy way to do it.


Kinja'd!!! Orange Exige > davesaddiction @ opposite-lock.com
05/07/2015 at 15:05

Kinja'd!!!1

I suppose I did underestimate it - not to mention, was just finding it really difficult to explain (before showing what I actually want)... I thought hopefully that maybe it could just be done basically as an extension of a simpler task.

I really appreciate the help though!

I’m thinking perhaps I can look at either manually warping it or finding some sort of other tool to warp it in the manner I want... I can totally visualize it all in my head and imagine that there is some sort of tool or feature to do this, but I just don’t know.